@font-face {
    font-family:icon;
    src:url("https://b.yzcdn.cn/v2/image/intro/wap/font/icon.eot?mvftgz");
    src:url("../fonts/icon.eot") format("embedded-opentype"), url("../fonts/icon.ttf") format("truetype"), url("../fonts/icon.woff") format("woff"), url("../fonts/icon.svg") format("svg");
    font-weight:400;
    font-style:normal
}
.icon {
    font-family:icon!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.pull-left {
    float: left;
}
.fun-items{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.fun-items .itemfun{
  margin-bottom: 20px;
  width: 25%;
  padding-left: 35px;
}
.itemfun .icon{
    width: 50px;
    height: 50px;
    font-size: 50px;
    color: #fff;
    margin-right: 15px;
    border-radius: 4px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -moz-transition: transform .3s,-moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s,-moz-transform .3s;
}
.itemfun h3 {
    font-size: 16px;
    color: #333;
    line-height: 24px;
}
.itemfun p {
    font-size: 12px;
    color: #999;
    line-height: 24px;
}
.icon-e92d:before {
          content: '\e92d';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e92d {
          border-color: #0dcc6d;
        }  .icon-e901:before {
          content: '\e901';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e901 {
          border-color: #ff5353;
        }  .icon-e906:before {
          content: '\e906';
          border-radius: 4px;
          background-color: #66a3ff;
        }
        .icon-e906 {
          border-color: #66a3ff;
        }  .icon-e921:before {
          content: '\e921';
          border-radius: 4px;
          background-color: #ff842d;
        }
        .icon-e921 {
          border-color: #ff842d;
        }    .icon-e92b:before {
          content: '\e92b';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e92b {
          border-color: #0dcc6d;
        }  .icon-e929:before {
          content: '\e929';
          border-radius: 4px;
          background-color: #ff842d;
        }
        .icon-e929 {
          border-color: #ff842d;
        }  .icon-e93f:before {
          content: '\e93f';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e93f {
          border-color: #ff5353;
        }  .icon-e930:before {
          content: '\e930';
          border-radius: 4px;
          background-color: #66a3ff;
        }
        .icon-e930 {
          border-color: #66a3ff;
        }  .icon-e903:before {
          content: '\e903';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e903 {
          border-color: #0dcc6d;
        }  .icon-e931:before {
          content: '\e931';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e931 {
          border-color: #0dcc6d;
        }  .icon-e935:before {
          content: '\e935';
          border-radius: 4px;
          background-color: #ff842d;
        }
        .icon-e935 {
          border-color: #ff842d;
        }  .icon-e90a:before {
          content: '\e90a';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e90a {
          border-color: #ff5353;
        }  .icon-e928:before {
          content: '\e928';
          border-radius: 4px;
          background-color: #ff842d;
        }
        .icon-e928 {
          border-color: #ff842d;
        }  .icon-e932:before {
          content: '\e932';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e932 {
          border-color: #ff5353;
        }  .icon-e905:before {
          content: '\e905';
          border-radius: 4px;
          background-color: #66a3ff;
        }
        .icon-e905 {
          border-color: #66a3ff;
        }    .icon-e908:before {
          content: '\e908';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e908 {
          border-color: #0dcc6d;
        }  .icon-e927:before {
          content: '\e927';
          border-radius: 4px;
          background-color: #ff842d;
        }
        .icon-e927 {
          border-color: #ff842d;
        }  .icon-e90c:before {
          content: '\e90c';
          border-radius: 4px;
          background-color: #66a3ff;
        }
        .icon-e90c {
          border-color: #66a3ff;
        }  .icon-e938:before {
          content: '\e938';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e938 {
          border-color: #ff5353;
        }  .icon-e907:before {
          content: '\e907';
          border-radius: 4px;
          background-color: #66a3ff;
        }
        .icon-e907 {
          border-color: #66a3ff;
        }  .icon-e93b:before {
          content: '\e93b';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e93b {
          border-color: #0dcc6d;
        }  .icon-e92e:before {
          content: '\e92e';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e92e {
          border-color: #ff5353;
        }  .icon-e91e:before {
          content: '\e91e';
          border-radius: 4px;
          background-color: #ff842d;
        }
        .icon-e91e {
          border-color: #ff842d;
        }  .icon-e911:before {
          content: '\e911';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e911 {
          border-color: #0dcc6d;
        }  .icon-e90f:before {
          content: '\e90f';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e90f {
          border-color: #0dcc6d;
        }  .icon-e923:before {
          content: '\e923';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e923 {
          border-color: #0dcc6d;
        }  .icon-e934:before {
          content: '\e934';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e934 {
          border-color: #0dcc6d;
        }    .icon-e914:before {
          content: '\e914';
          border-radius: 4px;
          background-color: #ff842d;
        }
        .icon-e914 {
          border-color: #ff842d;
        }  .icon-e900:before {
          content: '\e900';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e900 {
          border-color: #0dcc6d;
        }  .icon-e916:before {
          content: '\e916';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e916 {
          border-color: #ff5353;
        }  .icon-e90e:before {
          content: '\e90e';
          border-radius: 4px;
          background-color: #66a3ff;
        }
        .icon-e90e {
          border-color: #66a3ff;
        }    .icon-e926:before {
          content: '\e926';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e926 {
          border-color: #0dcc6d;
        }  .icon-e909:before {
          content: '\e909';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e909 {
          border-color: #ff5353;
        }  .icon-e936:before {
          content: '\e936';
          border-radius: 4px;
          background-color: #66a3ff;
        }
        .icon-e936 {
          border-color: #66a3ff;
        }  .icon-e91c:before {
          content: '\e91c';
          border-radius: 4px;
          background-color: #ff842d;
        }
        .icon-e91c {
          border-color: #ff842d;
        }  .icon-e92f:before {
          content: '\e92f';
          border-radius: 4px;
          background-color: #66a3ff;
        }
        .icon-e92f {
          border-color: #66a3ff;
        }  .icon-e918:before {
          content: '\e918';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e918 {
          border-color: #0dcc6d;
        }  .icon-e91d:before {
          content: '\e91d';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e91d {
          border-color: #ff5353;
        }  .icon-e937:before {
          content: '\e937';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e937 {
          border-color: #ff5353;
        }    .icon-e93d:before {
          content: '\e93d';
          border-radius: 4px;
          background-color: #ff842d;
        }
        .icon-e93d {
          border-color: #ff842d;
        }  .icon-e917:before {
          content: '\e917';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e917 {
          border-color: #ff5353;
        }  .icon-e93a:before {
          content: '\e93a';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e93a {
          border-color: #ff5353;
        }  .icon-e912:before {
          content: '\e912';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e912 {
          border-color: #0dcc6d;
        }    .icon-e910:before {
          content: '\e910';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e910 {
          border-color: #0dcc6d;
        }  .icon-e955:before {
          content: '\e955';
          border-radius: 4px;
          background-color: #db3900;
        }
        .icon-e955 {
          border-color: #db3900;
        }  .icon-e91f:before {
          content: '\e91f';
          border-radius: 4px;
          background-color: #66a3ff;
        }
        .icon-e91f {
          border-color: #66a3ff;
        }    .icon-e92c:before {
          content: '\e92c';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e92c {
          border-color: #0dcc6d;
        }  .icon-e93c:before {
          content: '\e93c';
          border-radius: 4px;
          background-color: #66a3ff;
        }
        .icon-e93c {
          border-color: #66a3ff;
        }  .icon-e902:before {
          content: '\e902';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e902 {
          border-color: #0dcc6d;
        }  .icon-e933:before {
          content: '\e933';
          border-radius: 4px;
          background-color: #66a3ff;
        }
        .icon-e933 {
          border-color: #66a3ff;
        }  .icon-e915:before {
          content: '\e915';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e915 {
          border-color: #ff5353;
        }  .icon-e904:before {
          content: '\e904';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e904 {
          border-color: #ff5353;
        }  .icon-e925:before {
          content: '\e925';
          border-radius: 4px;
          background-color: #ff842d;
        }
        .icon-e925 {
          border-color: #ff842d;
        }    .icon-e924:before {
          content: '\e924';
          border-radius: 4px;
          background-color: #ff842d;
        }
        .icon-e924 {
          border-color: #ff842d;
        }  .icon-e90d:before {
          content: '\e90d';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e90d {
          border-color: #0dcc6d;
        }  .icon-e90b:before {
          content: '\e90b';
          border-radius: 4px;
          background-color: #66a3ff;
        }
        .icon-e90b {
          border-color: #66a3ff;
        }  .icon-e913:before {
          content: '\e913';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e913 {
          border-color: #ff5353;
        }  .icon-e91b:before {
          content: '\e91b';
          border-radius: 4px;
          background-color: #66a3ff;
        }
        .icon-e91b {
          border-color: #66a3ff;
        }  .icon-e922:before {
          content: '\e922';
          border-radius: 4px;
          background-color: #ff842d;
        }
        .icon-e922 {
          border-color: #ff842d;
        }  .icon-e919:before {
          content: '\e919';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e919 {
          border-color: #ff5353;
        }  .icon-e920:before {
          content: '\e920';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e920 {
          border-color: #0dcc6d;
        }  .icon-e91a:before {
          content: '\e91a';
          border-radius: 4px;
          background-color: #0dcc6d;
        }
        .icon-e91a {
          border-color: #0dcc6d;
        }  .icon-e939:before {
          content: '\e939';
          border-radius: 4px;
          background-color: #ff5353;
        }
        .icon-e939 {
          border-color: #ff5353;
        } 
        .product_one img:hover{
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }
        .product_one:hover a{
            text-decoration: none;
        }   


</style>